﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MyCalender.ascx.cs" Inherits="MyCalender" %>






 <script type="text/javascript">


        function showCalDiv<%# this.ClientID %>(id) {

            var dvCal = document.getElementById(id);
            dvCal.style.display = 'inline';




        }



        function hideCalDiv<%# this.ClientID %>(id) {
            var dvCal = document.getElementById(id);
            dvCal.style.display = 'none';
            
        
        }
            
              
    </script>




  <div class="floating aligning direction" style="width:207px;">
        
        
           
        
        <asp:UpdatePanel ID="upCal" runat="server" >
    <ContentTemplate>
        
        
       
        
        
        
        
       <div class="floating aligning direction" style="width:198px;">
           <asp:TextBox ID="txtYear" runat="server" style="width:60px;"></asp:TextBox><span style="font-size:12px;">/</span>
           <asp:TextBox ID="txtMonth" runat="server" style="width:35px;"></asp:TextBox><span style="font-size:12px;">/</span>
           <asp:TextBox ID="txtDay" runat="server" style="width:35px;"></asp:TextBox>&nbsp;
           
           
            <img src="images/Calendar_scheduleHS.png" alt="Choose date" title="Choose date" onclick="javascript:showCalDiv<%# this.ClientID %>('dvBirthDayCal<%# this.ClientID %>');" style="cursor:pointer;" />  
        
           
        </div>  
       
        
        
       
        <div class="clearing"></div>
       
       <div class="aligning direction" style="position:absolute;width:290px;height:200px;margin-top:-5px;display:none;" onmouseout="javascript:hideCalDiv<%# this.ClientID %>('dvBirthDayCal<%# this.ClientID %>');" onmouseover="javascript:showCalDiv<%# this.ClientID %>('dvBirthDayCal<%# this.ClientID %>');" id="dvBirthDayCal<%# this.ClientID %>">
           <asp:Calendar ID="BirthDayCal" runat="server"  
               OnSelectionChanged="BirthDayCal_SelectionChanged" 
               OnVisibleMonthChanged="BirthDayCal_VisibleMonthChanged" Height="200px" 
               Width="220px" BackColor="#FFFFCC" BorderColor="#FFCC66" BorderWidth="1px" 
               DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" 
               ForeColor="#663399" ShowGridLines="True">
               <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
               <SelectorStyle BackColor="#FFCC66" />
               <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
               <OtherMonthDayStyle ForeColor="#CC9966" />
               <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
               <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
               <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" 
                   ForeColor="#FFFFCC" />
           </asp:Calendar>
       
       
       <div class="clearing"></div>
       </div>
       
       
       <div class="clearing"></div>
       
       
       
       </ContentTemplate>
       </asp:UpdatePanel>
       
       
       </div>